<template>
  <div id="user">
    <div class="user-content"><slot name="user-content"></slot></div>
    <div class="user-commit"><slot name="user-commit"></slot></div>
    <div class="user-cut"><slot name="user-cut"></slot></div>
  </div>
</template>
<script>
export default {
  name:'User'
}
</script>
<style>
#user{
  width: 30rem;
  padding: 6rem 2rem 1.2rem;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: rgb(0 0 0 / 30%) 2px;
}
.user-commit{
  width: 30rem;
}
.user-cut{
  /* display: flex;
  justify-content: center;
  align-items: center; */
  margin-top: 2rem;
}
</style>